<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<%
	String path = request.getContextPath();
	String basepath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<script type="text/javascript" src="<%=basepath %>/jquery/jquery-1.4.4.min.js"></script>

<link href="<%=basepath %>/CSS/displaytag.css" rel="stylesheet" type="text/css" />
<style type="text/css">
			body {
				font-size: 10pt;
			}
			.listView th {
				font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color: #4f6b72;
				border: 1px solid #97c8ff;
				letter-spacing: 2px;
				text-transform: uppercase;
				text-align: left;
				padding: 6px 11px;
				background: #b9e6fd  no-repeat;
			}
			.listView tr {
			 background-color:expression(this.rowIndex%2==0 ? "#F8F8F8":"#95bce2");
			 cursor:hand;
			}
			.listView td {
				border: 1px solid #97c8ff;
				font-size:12px;
				color: #4f6b72;
				padding: 6px 11px;   
				border-bottom: 1px solid #95bce2;   
			}     
			tr.over td {   
				background: yellow;
			}
		</style>
		<script>
			$(document).ready(function(){
				$("tr").mouseover(function(){
					$(this).addClass("over");
				}).mouseout(function(){
					$(this).removeClass("over");
				})
			});
		</script>
		
		<script type="text/javascript">


	function zhuanjia()
	{
	  
	    var value=$("#city").find("option:selected").text();
	    var url="<%=basepath%>adminHospitalqueryZhuanjiaByKeshizhuanjiaAction?value="+value; 
	    location.href=url; 
	}
	

	
 </script>	

</head>
<body>

                   
                        <select name="city" id="city" onchange="zhuanjia()" style="background-color: #D0E5F5;width:200px;">
                            <option value="id">选择科室</option>
                            <c:forEach items="${kss}" var="hs">
                            <option>${hs.name }</option>
                            </c:forEach>
                        </select>
                 
    	
<div class="displayTable">

		<display:table name="${zjss}" id="row" pagesize="8" export="false" class="displaytag">
			<display:column title="科室" sortable="true" headerClass="sortable" style="text-align:center;"> 
				${row.keshi.name}
			</display:column>
			<display:column title="专家" sortable="true" headerClass="sortable" style="text-align:center;"> 
				${row.name }
			</display:column>
			<display:column title="预约人次" sortable="true" headerClass="sortable" style="text-align:center;"> 
					${row.yuyue }
			</display:column>
			<display:column title="就诊人次" sortable="true" headerClass="sortable" style="text-align:center;"> 
			${row.guahao }
			</display:column>
			<display:column title="成功率" sortable="true" headerClass="sortable" style="text-align:center;"> 
				${row.guahao*100/row.yuyue}%
			</display:column>
</display:table>  		
	</div>
</body>
</html>